<script>
export default {
  name: 'ImprovementSuggestion',
  props: {
    queryParams: {
      required: false,
      default: null
    },
    upInfo: {
      required: false,
      default: {}
    }
  },
  watch: {
    upInfo: {
      handler(newVal, oldVal) {
        this.upState = this.upInfo.isUp
        if (this.upInfo.data.length > 0) {
          this.date1 = this.upInfo.data[0].solidifyDate
          this.date1Value = this.upInfo.data[0].total
          this.date2 = this.upInfo.data[this.upInfo.data.length - 1].solidifyDate
          this.date2Value = this.upInfo.data[this.upInfo.data.length - 1].total
        }
        const name = this.upState ? '碳排放呈上升趋势' : '碳排放呈下降趋势'
        this.$api.optimizationSuggestion.getContent({
          name: name
        }).then(response => {
          this.content = response.data
        })
      }
    }
  },
  data() {
    return {
      upState: false,
      date1: '',
      date1Value: '',
      date2: '',
      date2Value: '',
      content: null
    }
  }
}
</script>

<template>
  <div>
    <h2>09 改进建议</h2>
    <div class="improvement-box">
      <p>1、从碳排放测算结果分析。 {{ date1 }} 碳排放为{{ date1Value }} tCO2，
        {{ date2 }} 碳排放为{{ date2Value }} tCO2，碳排放呈{{ upState ? '上升' : '下降' }}趋势。</p>
      <p>具体分析及改进建议：</p>
      <p style="white-space: pre-wrap;line-height: 28px;text-indent: 0;padding-left: 4%;" v-html="content"></p>
      <!--      <p v-if="upState">（1）能源继续向低碳优化，稳定清洁能源供应。</p>-->
      <!--      <p v-if="upState">（2）对老旧高耗能设备进行更新改造，采用节能电机等节能型设备。</p>-->
      <!--      <p v-if="!upState">-->
      <!--        （1）进一步提高清洁能源在能源结构中的占比，加强能源存储技术研发，保障能源供应稳定性；完善能源管理系统，精准调控能源使用。</p>-->
      <!--      <p v-if="!upState">（2）定期对设备进行维护保养和升级，延长设备使用寿命，提高设备整体能效。</p>-->
    </div>
  </div>
</template>

<style scoped lang="scss">
.improvement-box {
  text-indent: 2em;
}
</style>
